<!doctype html>
<meta charset=utf-8>
<meta http-equiv="Content-Security-Policy" content="font-src {{domains[www1]}}:{{ports[http][0]}}">
<head>
  <title>Test font loads if it matches font-src.</title>
  <script src='/resources/testharness.js'></script>
  <script src='/resources/testharnessreport.js'></script>
</head>
<body>
  <div id="log"></div>
  <script>
    async_test(function(t) {
      document.addEventListener("securitypolicyviolation", t.unreached_func("Loading allowed fonts should not trigger a violation."));
      var link = document.createElement('link');
      link.rel="preload";
      link.as="font";
      link.href="http://{{domains[www1]}}:{{ports[http][0]}}/fonts/Ahem.ttf?font-match-allowed";
      link.onload = t.step_func_done();
      link.onerror = t.unreached_func("Should have loaded the font.");
      document.getElementsByTagName('head')[0].appendChild(link);
    }, "Test font loads if it matches font-src.");
  </script>
</body>
